@charset "UTF-8";
/*------------------------------------
@import url(http://fonts.googleapis.com/css?family=Lekton);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
 * sext-vi
 *
 * @author simple@antzone.cn
 * @link http://microsimple.github.io
 * @update 2013-12-09
 *
 * |/ | (~ (~
 * |\.|._)._)
 * --------------------------------- */
 @font-face {
  font-family: 'Lekton';
  font-style: normal;
  font-weight: 400;
  src: local('Lekton'), local('Lekton-Regular'), url(/media/fonts/Gv78TXgMRvGbTrqT_eA_TQ.woff) format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(/media/fonts/7XUFZ5tgS-tD6QamInJTcdGU7DQ8I6RFMlK0vgclk7w.woff) format('woff');
}
* {
  margin: 0;
  padding: 0; }

body {
  font-size: 14px;
  font-family: "Lekton", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color: #555;
  background-color: #f9f9f9; }

ul, ol {
  list-style-position: inside; }

hr {
  width: 100%;
  color: #a9a9a9; }

.center {
  text-align: center; }

::selection {
  color: #fff;
  background-color: #09f; }

a, header #header h1 a, article .title a, article .meta .tags a, article .divider a{
  text-decoration: none;
  color: #bb2222; }
  a:hover, header #header h1 a:hover, article .title a:hover, article .meta .tags a:hover, article .divider a:hover {
    color: #dd1144; }

blockquote, pre code {
  background-color: #eeeeee;
  padding: 0 1em;
  border: 1px dashed #eee !important;
  border-color: #e0e0e0 !important;
  font-size: 13px;
  font-family: "Consolas", monospace;
  line-height: 1.6;
  display: block;
  overflow: auto; color:#555;}
blockquote a{
  color:#888 !important;
}
code {
  background-color: #eeeeee;
  padding: 2px 5px;
  border: 1px dashed #e0e0e0;
  font-family: "Consolas", monospace;color:#555;}

h1, h2 {
  font-size: 1.4em; }

header {
  width: 680px;
  margin: 0 auto;
  text-align: justify;
  margin: 3em auto; }
  header:after {
    content: '';
    width: 100%;
    display: inline-block; }
  header #header {
    display: inline-block;
    position: relative;
    top: 1em; max-width:200px;}
    header #header h1 {
      font-family: "Titillium Web", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
      header #header h1 a {
        color: #a9a9a9;
        background-color: #e9e9e9;
        display: block;
        padding: 0 .5em;
        border-radius: 4px; }
        header #header h1 a:hover {
          color: #fff;
          background-color: #dd2222; }
  header nav {
    display: inline-block;
    position: relative;
    top: 1em; }
    header nav span {
      margin: .5em; }
    header nav a, header nav #header h1 a, header #header h1 nav a, header nav article .title a, article .title header nav a, header nav article .meta .tags a, article .meta .tags header nav a, header nav article .divider a, article .divider header nav a {
      font-family: "Titillium Web", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: #ccc; }

#content {
  width: 680px;
  margin: 0 auto;
  line-height: 2em; }
  #content .main-listing {
    margin-bottom: 2em; }

ul li {
  list-style-type: circle;
  padding-left: 1em;
}

ol li {
  list-style-type: decimal;
  padding-left: 1em;
}

ul.listing {
  margin-top: 1em; }

  ul.listing li {
    list-style-type: circle;
    padding-left: 1em; }

    ul.listing li.listing-item {
      list-style-type: none;
      padding-left: 1em;
      background-color: #f9f9f9; }

    ul.listing li.listing-item time {
      color: #999; }

    ul.listing li.listing-seperator {
      list-style-type: none;
      padding-left: 0em;
      font-family: "Titillium Web", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }

      ul.listing li.listing-seperator:before {
        content: "";
        color: #ccc; }


article {
  margin: 2em 0; }
  article p {
    padding: .7em 0; }
  article .title {
    font-family: "Titillium Web", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
    article .title header #header h1 a, header #header h1 article .title a, article .title a, article .title .meta .tags a, article .meta .tags .title a {
      color: #777; }
  article .meta {
    display: block;
    overflow: auto;
    margin-top: -.5em;
    font-size: .9em; }
    article .meta .tags header #header h1 a, header #header h1 article .meta .tags a, article .meta .tags a {
      color: #999999;
      padding: .25em; }
  article .post img {
    max-width: 680px;
    display: block;
    margin: .5em auto; }
a[href^="http://"]{
    background:url(/media/blank.gif) top right no-repeat;
    padding-right:10px;
  }
  article .comment {
    margin: 3em 0; }
  article .divider {
    margin: 2em 0; }
    article .divider i {
      margin: 0 2em;
      color: #e9e9e9; }
    article .divider header #header h1 a, header #header h1 article .divider a, article .divider .meta .tags a, article .meta .tags .divider a, article .divider a {
      font-family: "Titillium Web", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      margin: 0 2em; }
      article .divider header #header h1 a i, header #header h1 article .divider a i, article .divider .meta .tags a i, article .meta .tags .divider a i, article .divider a i {
        color: #999999;
        margin: 0; }
        article .divider header #header h1 a i:hover, header #header h1 article .divider a i:hover, article .divider a i:hover {
          color: #bb2222 !important; }
  article .divider {
    position: relative;
    font-size: 1em;
    z-index: 1;
    overflow: hidden;
    text-align: center; }
  article .divider:before, article .divider:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 49%;
    height: 2px;
    content: '\a0';
    background-color: #f0f0f0; }
  article .divider:before {
    margin-left: -50%;
    text-align: right; }
  article .divider:after {
    margin-left: 1%; }

footer {
  width: 680px;
  margin: 0 auto;
  display: block;
  color: #909090;
  font-family: "Titillium Web", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: .9em;
  text-align: center;
  margin: 1em auto; }
  footer a, footer header #header h1 a, header #header h1 footer a, footer article .title a, article .title footer a, footer article .meta .tags a, article .meta .tags footer a, footer article .divider a, article .divider footer a {
    color: #cccccc; }
    footer a:hover, footer header #header h1 a:hover, header #header h1 footer a:hover, footer article .meta .tags a:hover, article .meta .tags footer a:hover {
      color: #999999; }

#tag_cloud {
  margin-bottom: 1em; }

.gist {
  font-size: 13px;
  line-height: 1.6; }
